<div id="create-form-head">
    <br/>
    <br/>
    <h3><strong>创建表单</strong></h3>
</div>
<div ms-controller="createForm" class="create">
    <br/>
    <div class="row">
        <div class="col-sm-5">
            <p><strong>型号：</strong></p>
            <input type="text" class="form-control" ms-duplex="type" ms-on-blur="verifyForm(1)"/>
            <div class="font-warning" ms-if="tipType">&nbsp;&nbsp;&nbsp;型号不能为空</div>
            <br/>

            <p><strong>颜色：</strong></p>
            <input type="text" class="form-control" ms-duplex="color" ms-on-blur="verifyForm(2)"/>
            <div class="font-warning" ms-if="tipColor">&nbsp;&nbsp;&nbsp;颜色不能为空</div>
            <br/>

            <p><strong>联系人：</strong></p>
            <input type="text" class="form-control" ms-duplex="person" ms-on-blur="verifyForm(3)"/>
            <div class="font-warning" ms-if="tipPerson">&nbsp;&nbsp;&nbsp;联系人不能为空</div>
            <br/>

            <p><strong>联系电话：</strong></p>
            <input type="text" class="form-control" ms-duplex="tel" ms-on-blur="verifyForm(4)" ms-on-blur-1="verifyTel"/>
            <div class="font-warning" ms-if="tipTel">&nbsp;&nbsp;&nbsp;{{tipTelFont}}</div>
            <br/>

            <p><strong>联系地址：</strong></p>
            <input type="text" class="form-control" ms-duplex="address" ms-on-blur="verifyForm(5)"/>
            <div class="font-warning" ms-if="tipAddress">&nbsp;&nbsp;&nbsp;联系地址不能为空</div>
            <br/>
        </div>
    </div>
    <!--添加重要配件-->
    <div class="row">
        <div class="col-sm-8">
            <h4><strong>重要配件</strong></h4>

            <strong>重要配件</strong>
            <div class="row">

                <div class="col-sm-3">
                    <input type="text" class="form-control" placeholder="请输入配件名称" ms-duplex="fittingName"/>
                </div>
                <div class="col-sm-3">
                    <input type="text" class="form-control" placeholder="请输入配件型号" ms-duplex="fittingType"/>
                </div>
                <div class="col-sm-3">
                    <input type="text" class="form-control" placeholder="请输入配件个数" ms-duplex="fittingNum"/>
                </div>
                <div class="col-sm-3">
                    <button class="btn btn-primary pull-right" ms-click="verifyAdd">添加重要配件</button>
                </div>
            </div>
        </div>
    </div>

    <!--删除重要配件-->
    <div class="row">
        <div class="col-sm-8" ms-repeat="showList">
            <br/>
            <span>{{el.fittingName}}；{{el.fittingType}}；{{el.fittingNum}}</span>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <button class="btn btn-danger btn-xs" ms-click="del($index)">删除</button>
        </div>
    </div>

    <!--故障表现-->
    <div class="row">
        <div class="col-sm-5">
            <br/>
            <p><strong>故障表现:</strong></p>
            <textarea class="form-control" onscroll="this.rows++" ms-duplex="errorPerform" ms-on-blur="verifyForm(6)"></textarea>
            <div class="font-warning" ms-if="tipErrorP">&nbsp;&nbsp;&nbsp;故障表现不能为空</div>
            <br/><br/>
            <p><strong>备注:</strong></p>
            <textarea class="form-control" onscroll="this.rows++" ms-duplex="memo"></textarea>
        </div>
    </div>

    <!--按钮-->
    <div class="row">
        <div class="col-sm-1"></div>
        <div class="col-sm-4">
            <br/>
            <br/>
            <button class="btn btn-primary btn-lg" id="create-form-button" ms-click="create">确定</button>
        </div>
    </div>
</div>